<template>
    <tab-bar>
        <tab-bar-item path="/home">
            <img slot="item-icon" src="~assets/img/tabbar/首页-未选中.png">
            <img slot="item-icon-active" src="~assets/img/tabbar/首页-选中.png">
            <div slot="item-text">首页</div>
        </tab-bar-item>
        <tab-bar-item path="/category">
            <img slot="item-icon" src="~assets/img/tabbar/分类-未选中.png">
            <img slot="item-icon-active" src="~assets/img/tabbar/分类-选中.png">
            <div slot="item-text">分类</div>
        </tab-bar-item>
        <tab-bar-item path="/cart">
            <img slot="item-icon" src="~assets/img/tabbar/购物车-未选中.png">
            <img slot="item-icon-active" src="~assets/img/tabbar/购物车-选中.png">
            <div slot="item-text">购物车</div>
        </tab-bar-item>
        <tab-bar-item path="/profile">
            <img slot="item-icon" src="~assets/img/tabbar/我的-未选中.png">
            <img slot="item-icon-active" src="~assets/img/tabbar/我的-选中.png">
            <div slot="item-text">我的</div>
        </tab-bar-item>
    </tab-bar>
</template>

<script>
    import TabBar from '../../common/tabbar/TabBar';
    import TabBarItem from "../../common/tabbar/TabBarItem";
    export default {
        name: "MainTabBar",
        components: {
            TabBar,
            TabBarItem
        }
    }
</script>

<style scoped>

</style>
